body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:100%;
    height:100%;
    margin:0;
    max-height: 100%;
    padding:0;
    border:none;
    line-height:1.4;
}

.clear {
    clear:both;
}

.content {
    margin:10px 0 0 10px;
}

section {
    padding-top:60px;
}

small { font-size:85%; }

.row .icon { margin:0 0 -10px 0; }

a.todo { color:#dd6171; }

th div { display:inline; }

.btn-block .btn { margin-right:-5px; border-radius:0; }
.btn-block .btn:first-child { border-radius:4px 0 0 4px; }
.btn-block .btn:last-child { border-radius:0 4px 4px 0; }

.btn-block { display:block; }

.highlighted { background-color:yellow; }
form.filter { display:inline; float:left; margin-left:10px; }
.btn.back { float:left; margin-right:5px; }

footer {
  background-color: #0292ce;
  width:100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003e7f), color-stop(0.25, #003e7f), to(#0292ce));
  background-image: -webkit-linear-gradient(#003e7f, #003e7f 0.25, #0292ce);
  background-image: -moz-linear-gradient(#003e7f, #003e7f 0.25, #0292ce);
  background-image: -ms-linear-gradient(#003e7f, #003e7f 0.25, #0292ce);
  background-image: -o-linear-gradient(#003e7f, #003e7f 0.25, #0292ce);
  background-image: linear-gradient(#003e7f, #003e7f 0.25, #0292ce);
  text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
  color:#FFF;
  padding:25px 0;
  text-align:center;
  margin-top:100px;
  xbox-shadow: inset 0px 10px 30px rgba(0,0,0,0.5);
  border-bottom:2px solid #003e7f;
}

#modalbg {
    position:fixed;
    z-index:20000;
    background:#333;
    background-color:rgba(0,0,0,0.3);
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.modal {
    z-index:20001;
    top:400px;
}

.dropdown {
    position:absolute;
    top:0;
    left:0;
    z-index:10000;
    background-color:#FFF;
    padding:0; margin:0;
    display:block;
    height:auto;
    border-radius:0 0 3px 3px;
    background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
    max-height:300px;
    overflow:auto;
    xoverflow-y: scroll;
}

.dropdown ul { list-style:none; margin:0; padding:0; }
.dropdown a {
    display:block;
    padding:4px 5px;
    text-decoration:none;
    margin:2px 0;
}
.dropdown a:hover { 
    color:#FFF;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
}
.dropdown a:hover .highlighted { background-color:transparent; }
.dropdown li.new { background-color:#fbfcc0; }

.validation-advice {
    color:#9D261D;
    margin:2px 0;
}

.clearfix.error { margin-top:-3px; }

.icon.calendar {
    width: 16px;
    height: 11px;
    display: block;
    background-color: white;
    margin-top: 1px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
    border-top: 5px solid red;
    border-radius:3px;
}

.datepicker_dashboard td, .datepicker_dashboard tr, .datepicker_dashboard th,
.datepicker_dashboard table {
    border:0;
    padding:0;
    margin:0;
    font-size:10px !important;
}
.datepicker_dashboard th { background-color:transparent; }

.datepicker_dashboard {
    font-size:10px !important;
}


.show-grid [class*="span"] {
    background: #EEE;
    text-align: center;
    border-radius: 3px;
    min-height: 30px;
    line-height: 30px;
}

.row label { float:none; }

form { margin:0; }

hr.bold {
    border:1px solid #888;
    background-color:#aaa;
    height:5px;
    margin:30px 0;
    border-radius:5px;
}

input[disabled], select[disabled], textarea[disabled],
input[readonly], select[readonly], textarea[readonly] {
    border:none;
    margin:2px;
    background-color: transparent !important;
    cursor: default !important;
    box-shadow: none !important;
}

fieldset .clearfix:nth-child(odd) {
    background-color:#EEE;
    padding:10px 0;
}

.itemslist .item:nth-child(even) {
    background-color:#EEE;
}

td>.input {
    margin:0;
}
td>label {
    float:none;
    padding-top:4px;
    display:block;
    text-align:right;
    margin:0;
    width:100%;
}

td.need {
    border: 1px solid #B67070;
    border-radius: 3px !important;
}

.numeric { text-align:right; }
input.price { width:70px; }

.btn.warning, .alert-message.warning {
  background-color: #dba456;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #daae6d, #dba456);
  background-image: -ms-linear-gradient(top, #daae6d, #dba456);
  background-image: -webkit-linear-gradient(top, #daae6d, #dba456);
  background-image: -o-linear-gradient(top, #daae6d, #dba456);
  background-image: linear-gradient(top, #daae6d, #dba456);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
  border-color: #dba456 #dba456 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.topbar li.rdel { border-right:1px solid #444; }
.topbar li.ldel { border-left:1px solid #444; }
.topbar li>a:hover {
  background-color: #222;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #222, #333);
  background-image: -webkit-linear-gradient(top, #222, #333);
  background-image: -ms-linear-gradient(top, #222, #333);
  background-image: -o-linear-gradient(top, #222, #333);
  background-image: linear-gradient(top, #222, #333);
 }

textarea.xlarge { width:98%; }

.nomatch {
    font-size:130%;
    font-weight:bold;
    text-align:center;
    padding:40px 0;
}

span.label a, span.label a:hover, a.label, a.label:hover { color: #FFF; }

span.label.status {
    cursor:pointer;
    border:1px solid #FFF;
}
span.label.status.active {
    border:1px solid #666;
    box-shadow:0 0 3px #000;
}

/***/

table.ils td, table.ils th { vertical-align:middle; }
table.ils td.edit, table.ils th.edit { width:30px; text-align:center; }
table.ils td.quantity, table.ils th.quantity { width:100px; text-align:center; }
table.ils td.price, table.ils th.price { width:100px; text-align:right; }
table.ils td.formact, table.ils th.formact { width:150px; text-align:center; }
table.ils td.code, table.ils th.code { width:100px; text-align:center;  }
table.ils td.date, table.ils th.date { width:170px; text-align:center; }
table.ils td.rest, table.ils th.rest {  }

table.ils { margin:0; border-radius:0; }
table.ils:not(.head) { border-top:0; }

div.actions .edit {
    display: block;
    width: 50px;
    float: left;
    margin-left:-50px;
    padding-top: 5px;
}

#error p {
    font-size: 120%;
    margin-bottom: 10px;
}
